<!DOCTYPE html>

<html>

<head>
    <meta charset="utf-8">
    <title>后台管理</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">

    <link rel="stylesheet" href="/plugins/layui/css/layui.css" media="all"/>
    <link rel="stylesheet" href="/css/global.css" media="all">
    <link rel="stylesheet" href="/plugins/font-awesome/css/font-awesome.min.css">
</head>

<body>
<div class="layui-layout layui-layout-admin" style="border-bottom: solid 5px #1aa094;">
    <div class="layui-header header header-demo" style="background:#1AA094">
        <div class="layui-main">
            <div class="admin-login-box">
                <a class="logo" style="left: 0;" href="/">
                    <span style="font-size: 22px;">挖链网TIR后台</span>
                </a>
                <div class="admin-side-toggle">
                    <i class="fa fa-bars" aria-hidden="true"></i>
                </div>
                <div class="admin-side-full">
                    <i class="fa fa-life-bouy" aria-hidden="true"></i>
                </div>
            </div>
            <ul class="layui-nav admin-header-item">
                <!--<li class="layui-nav-item">
                    <a href="javascript:;">清除缓存</a>
                </li>
                <li class="layui-nav-item" id="pay">
                    <a href="javascript:;">捐赠我</a>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;">浏览网站</a>
                </li>
                <li class="layui-nav-item" id="video1">
                    <a href="javascript:;">视频</a>
                </li>-->
                <li class="layui-nav-item">
                    <a href="javascript:;" class="admin-header-user">
                        <#if Session.session_back_login?exists>
                            <img src="${Session.session_back_login.head}" />
                            <span style="color: white">${Session.session_back_login.userName}</span>
                        <#else>
                            <img src="/images/0.jpg" />
                            <span style="color: white">beginner</span>
                        </#if>
                    </a>
                    <dl class="layui-nav-child">
                        <!--<dd>
                            <a href="javascript:;"><i class="fa fa-user-circle" aria-hidden="true"></i> 个人信息</a>
                        </dd>
                        <dd>
                            <a href="javascript:;"><i class="fa fa-gear" aria-hidden="true"></i> 设置</a>
                        </dd>
                        <dd id="lock">
                            <a href="javascript:;">
                                <i class="fa fa-lock" aria-hidden="true" style="padding-right: 3px;padding-left: 1px;"></i> 锁屏 (Alt+L)
                            </a>
                        </dd>-->
                        <dd class="layui-this">
                            <a id="modify" href="javascript:;"><i class="fa fa-user-circle" aria-hidden="true"></i> 修改密码</a>
                        </dd>
                        <dd>
                            <a href="/"><i class="fa fa-sign-out" aria-hidden="true"></i> 注销</a>
                        </dd>
                    </dl>
                </li>
            </ul>
            <ul class="layui-nav admin-header-item-mobile">
                <li class="layui-nav-item">
                    <a href="login.html"><i class="fa fa-sign-out" aria-hidden="true"></i> 注销</a>
                </li>
            </ul>
        </div>
    </div>
    <div class="layui-side layui-bg-black" id="admin-side">
        <div class="layui-side-scroll" id="admin-navbar-side" lay-filter="side"></div>
    </div>
    <div class="layui-body" style="bottom: 0;border-left: solid 2px #1AA094;" id="admin-body">
        <div class="layui-tab admin-nav-card layui-tab-brief" lay-filter="admin-tab">
            <ul class="layui-tab-title" style="background-color:white">
                <li class="layui-this">
                    <i class="fa fa-dashboard" aria-hidden="true"></i>
                    <cite>控制面板</cite>
                </li>
            </ul>
            <div class="layui-tab-content" style="min-height: 150px; padding: 5px 0 0 0;">
                <div class="layui-tab-item layui-show">
                    <iframe src="/manage/msg/mainpage"></iframe>
                </div>
            </div>
        </div>
    </div>
    <div class="layui-footer footer footer-demo" id="admin-footer">
        <div class="layui-main">
        </div>
    </div>
    <div class="site-tree-mobile layui-hide">
        <i class="layui-icon">&#xe602;</i>
    </div>
    <div class="site-mobile-shade"></div>

    <!--锁屏模板 start-->
    <script type="text/template" id="lock-temp">
        <div class="admin-header-lock" id="lock-box">
            <div class="admin-header-lock-img">
                <img src="/images/0.jpg"/>
            </div>
            <div class="admin-header-lock-name" id="lockUserName">beginner</div>
            <input type="text" class="admin-header-lock-input" value="输入密码解锁.." name="lockPwd" id="lockPwd" />
            <button class="layui-btn layui-btn-small" id="unlock">解锁</button>
        </div>
    </script>
    <!--锁屏模板 end -->
    <script type="text/javascript" src="/plugins/layui/layui.js"></script>
    <script src="/js/index.js"></script>
   <!--  <script>
        layui.use(['form', 'laydate','table','laydate','element'], function () {
        	var $ = layui.jquery,
        	element = layui.element,
        	form = layui.form;
        var html = '';
        //获取菜单
        $.ajax({
        	url:"/manage/data/navigation.json",
        	type:"post",
        	dataType:"json",
        	data:{},
        	success:function(data){
        		var navs=data;
        		$.each(navs,function(i,item){
        			html += '<dl class="layui-nav layui-nav-tree beg-navbar">';
        			html += '<dt class="layui-nav-item layui-nav-itemed"><a href="javascript:;" data-url="'+item.href+'" nav-id="'+item.id+'"><i class="'+item.icon+'"></i><cite>'+item.title+'</cite></a></dt>';
        			//如果有第二级菜单
        			if(item.children !== undefined && item.children.length > 0){
        				$.each(item.children,function(j,item2){
        					html += '<dd class="layui-nav-child">';
        					html += '<a href="javascript:;" data-url="'+item2.href+'" nav-id="'+item2.id+'"><i class="'+item2.icon+'"></i><cite>'+item2.title+'</cite></a>';
        					//如果有三级菜单
        					if(item2.children !== undefined && item2.children.length > 0){
        						html += '<ul>';
        						$.each(item2.children,function(k,item3){
        							html += '<li>'+
        										'<a href="javascript:;" data-url="'+item3.href+'" nav-id="'+item3.id+'">'+
        											'<i class="'+item3.icon+'"></i>'+
        											'<cite>'+item3.title+'</cite>'+
        										'</a>'+
        									'</li>';
        						});
        						html += '</ul>';
        					}
        					html += '</dd>';
        				});
        			}
        			html += '</dl>';
        		});
        		//渲染html
        		$('#admin-navbar-side').html(html);	
        	}
        });

        //触发事件
        var active = {
            tabAdd: function(obj){
              //新增一个Tab项
              element.tabAdd('admin-tab', {
                title: $(this).html()//用于演示
                ,content: '<iframe src="'+$(this).attr('data-url')+'"></iframe>'
              });
              element.tabChange("admin-tab", $('.layui-tab-title li').length - 1);  
            },
            tabDelete: function(index) {  
                //删除指定Tab项  
                element.tabDelete('admin-tab', index); //删除（注意序号是从0开始计算）  
            }
            ,tabChange: function(lay_id){
              //切换到指定Tab项
              element.tabChange('admin-tab', lay_id); //切换到：用户管理
            }
        };
        //添加tab
        $(document).on('click','a',function(){
        	if(!$(this)[0].hasAttribute('data-url') || $(this).attr('data-url')==='')return;
        	var title = $.trim($(this).text());  
            var tabs = $(".layui-tab-title").children();  
            for(var i = 0; i < tabs.length; i++) {
                if($(tabs).eq(i).children('cite').text() == title) {
                    element.tabChange('admin-tab', i);  
                    return;
                }  
            }
            active["tabAdd"].call(this);
            resize();
            active.tabChange($(".layui-tab-title").children().length - 1);
        });

        //iframe自适应
        function resize(){
        	var $content = $('.admin-nav-card .layui-tab-content');
        	$content.height($(this).height() - 147);
        	$content.find('iframe').each(function() {
        		$(this).height($content.height());
        	});
        }
        $(window).on('resize', function() {
        	var $content = $('.admin-nav-card .layui-tab-content');
        	$content.height($(this).height() - 147);
        	$content.find('iframe').each(function() {
        		$(this).height($content.height());
        	});
        }).resize();


        //toggle左侧菜单
        $('.admin-side-toggle').on('click', function() {
        	var sideWidth = $('#admin-side').width();
        	if(sideWidth === 200) {
        		$('#admin-body').animate({
        			left: '0'
        		}); //admin-footer
        		$('#admin-footer').animate({
        			left: '0'
        		});
        		$('#admin-side').animate({
        			width: '0'
        		});
        	} else {
        		$('#admin-body').animate({
        			left: '200px'
        		});
        		$('#admin-footer').animate({
        			left: '200px'
        		});
        		$('#admin-side').animate({
        			width: '200px'
        		});
        	}
        });
        $(document).on('click','dt',function(){
        	$(this).parent().find('dd').toggle();
        });
        $(document).on('click','dd a',function(){
        	$(this).next('ul').toggle();
        });
        });
    </script> -->
</div>
</body>

</html>